<template>
  <div class="activity-cathedra" id="cathedraMobile">
      <!-- 广告top区域 -->
    <div class="top"></div>
    <div class="cathedra-box">
    <!-- 内容区域 -->
    <div class="cathedra-container cathedra-box-top">
      <div class="contain-main">
        <p class="main-desc">新年伊始，一年一度的论文季已经来临，知网研学2022年“论文读写入门”系列公益讲座也将如约而至。</p>
        <p class="main-desc-content"> 本次讲座将围绕<span class="desc-high">文献查找、阅读整理、写作排版、学术规范、开题答辩等内容</span>直播讲课，帮助大家快速了解论文的基本要求， 
         提高论文写作能力和效率，加深对学术规范和学术道德的认识。讲座直播中有抽奖福利，且完成系列课程可获得学时证书，
          欢迎大家报名！</p>
        <!-- 报名 -->
        <div class="apply">
          <ul>
            <li>
              <span class="apply-items apply-img"></span>
              <span class="apply-desc">
                2月14日-3月14日，报名后2个工作日内审核。
              </span>
            </li>
            <li>
              <span class="apply-register apply-img"></span>
              <div class="means-box">
                <p class="means sing-up">
                   <!-- <span class="means-step">报名</span> -->
                   <a target="_blank" href="https://k.cnki.net/NewTheme/ThemeSign/435">
                   <img src="../../assets/cathedra/mobile/images/baoming.png">
                   </a>
                <!-- <span class="means-step">第一步：注册 <a :href="nHref" target="_blank"><img src="../../assets/cathedra/web/images/register.png"></a></span> -->
                <!-- <span class="means-desc">（本账号用于后续听课、领证书，请牢记，已有知网账号同学可直接登录）</span> -->
              </p>
              <!-- <p class="means"><span class="means-step">第二步：报名</span><a target="_blank" href="https://k.cnki.net/NewTheme/Index/435">&nbsp;<img src="../../assets/cathedra/web/images/apply-btn.png"></a></p> -->
              </div>
              
            </li>
             <li>
              <span class="apply-live apply-img"></span>
              <div class="means-box">
                <p class="means">
                <span class="means-step">2月21-25日，每晚7:00-8:30。</span>
              </p>
              <p class="means">每天可提前10-15分钟进入直播间，测试网速、声音、画面是否正常，以免影响听课。</p>
              </div>
              
            </li>
             <li>
              <span class="apply-address apply-img"></span>
              <div class="means-box">
                <p class="means means-title">知网在线教学平台和B站同步直播</p>
                <p class="means">直播地址1：知网在线教学平台</p>
                <p><span class="live-address"><a href="https://k.cnki.net/NewTheme/Index/435" target="_blank">https://k.cnki.net/NewTheme/Index/435</a></span></p>
                <p class="means">直播地址2：知网研学b站直播间</p>
                <p><span class="live-address"><a target="_blank" href="http://live.bilibili.com/21951327">http://live.bilibili.com/21951327</a></span> </p>
              </div>
              
            </li>
          </ul>
          <ul class="erweima">
            <li><img src="../../assets/cathedra/mobile/images/K.png"><span class="erweima-desc">知网在线教学平台直播二维码</span></li>
            <li><img src="../../assets/cathedra/mobile/images/B-erweima.png"><span class="erweima-desc">知网研学B站直播二维码</span></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 课程安排 -->
     <div class="cathedra-container course-container">
        <div class="contain-main no-top">
          <div class="course">
            <h4 class="course-title">课程安排</h4>
            <ul class="course-list">
              <li>
                <p> <span class="title">2月21日</span></p>
                <p class="course-desc"><span class="title">《学位论文的撰写与答辩》</span></p>
                <p class="course-desc"><span class="compere">主讲人：武汉理工大学 副教授、硕导 孟奇勋</span></p>
                <p class="course-item-desc">课程大纲：毕业论文的基本要求、论文绪论写作、框架安排、论文常见问题解析及答辩注意事项等</p>
              </li>
              <li>
                <p> <span span class="title">2月22日</span></p>
                <p class="course-desc"><span class="title">《全面认识论文——打破论文撰写恐惧壁垒》</span></p>
                <p class="course-desc"><span class="compere">主讲人：中国知网•知网研学 培训经理 高梓婷</span></p>
                <p class="course-item-desc">课程大纲：论文的框架、检索入门方法等</p>
              </li>
              <li>
                <p> <span span class="title">2月23日</span></p>
                <p class="course-desc"><span class="title">《准快全，轻松突破文献阅读》</span></p>
                <p class="course-desc"><span class="compere">主讲人：中国知网•知网研学 培训经理 何萦莹</span></p>
                <p class="course-item-desc">课程大纲：文献阅读的方法、技巧、原则</p>
              </li>
              <li>
                <p> <span class="title">2月24日</span></p>
                <p class="course-desc"><span class="title">《如何短时间内完成毕业论文写作与排版》</span></p>
                <p class="course-desc"><span class="compere">主讲人：中国知网•知网研学 培训经理 徐铭梓</span></p>
                <p class="course-item-desc">课程大纲：论文写作的流程、各板块的撰写要求、word排版技巧</p>
              </li>
              <li>
                <p > <span class="title">2月25日</span></p>
                <p class="course-desc"><span class="title">《了解学术规范，提升科研质量》</span></p>
                <p class="course-desc"><span class="compere">主讲人：中国知网•知网研学 培训经理 郭子嫣</span></p>
                <p class="course-item-desc">课程大纲：基本学术规范、学术不端案例介绍、查重规范等</p>
              </li>
            </ul>
            <h5 class="by-the-way">获证方式</h5>
            <p class="by-the-way-desc">知网在线教学平台观看时长（含直播和回放）满7小时，或b站扫码签到满5次，满足其中一项即可获得电子证书。b站签到二维码将在直播中不定时展示半小时，微信扫码填写签到信息即可。</p>
          </div>
        </div>
     </div>

  <!-- 常见问题查询 -->
     <div class="cathedra-container course-container cathedra-box-bottom">
        <div class="contain-main no-top">
          <div class="question">
            <h4 class="question-title">常见问题查询</h4>
            <ul class="question-list">
              <li>
                <p class="question-img"><img src="../../assets/cathedra/mobile/images/register.png"></p>
               <div>
                 <h5 class="question-headline">我是否报名成功</h5>
                 <p class="question-desc">报名专题下显示本次讲座名称，即为已报名，审核状态为“是”，即为报名成功；将于报名后2个工作日内进行审核。</p>
                 <p><a class="btn-href" target="_blank" href="https://k.cnki.net/u/MySignUp">点击查询</a></p>
               </div>
              </li>
               <li>
                <p class="question-img"><img src="../../assets/cathedra/mobile/images/time-icon.png"></p>
               <div>
                 <h5 class="question-headline">我完成了多少学习时长</h5>
                 <p class="question-desc">可查询单节课程的学习时长；系列讲座总学习时长为5节课学习时长的加和，可以自己计算。</p>
                 <p><a class="btn-href" target="_blank" href="https://k.cnki.net/u/MyCourse?tab=0">点击查询</a></p>
               </div>
              </li>
              <li>
                <p class="question-img"><img src="../../assets/cathedra/mobile/images/zhengshu.png"></p>
               <div>
                 <h5 class="question-headline">如何领证书</h5>
                 <p class="question-desc">证书为电子版，预览无误后再下载打印，发证时间截止至3月14日。</p>
                 <p><a class="btn-href" target="_blank" href="https://k.cnki.net/u/MyCertificates">点击查询</a></p>
               </div>
              </li>
              <li>
                <p class="question-img"><img src="../../assets/cathedra/mobile/images/review.png"></p>
               <div>
                 <h5 class="question-headline">回放网址</h5>
                 <p class="question-desc">报名成功后才能观看回放。</p>
                 <p><a class="btn-href" target="_blank" href="https://k.cnki.net/NewTheme/Index/435">点击查询</a></p>
               </div>
              </li>
               <li>
                <p class="question-img"><img src="../../assets/cathedra/mobile/images/course.png"></p>
               <div>
                 <h5 class="question-headline">如何领课件</h5>
                 <p class="question-desc special">关注知网研学b站账号或微信公众号，私信“2022论文读写入门”领取课件；每节课的课件将于直播结束后24小时内更新。</p>
                 <p><a class="btn-href" target="_blank" href="https://space.bilibili.com/504698264">点击查询</a></p>
               </div>
              </li>
               <li>
                <p class="question-img"><img src="../../assets/cathedra/mobile/images/B.png"></p>
               <div>
                 <h5 class="question-headline">我在B站签到了几次</h5>
                 <p class="question-desc">签到情况每节课程结束后工作日24小时内更新，注意检查填写账号信息于报名账号是否一致。</p>
                 <p><a class="btn-href" target="_blank" href="https://docs.qq.com/sheet/DSGdmTHZyUUVKR3VS">点击查询</a></p>
               </div>
              </li>
            </ul>
            <p class="other-question"><a target="_blank" href="https://docs.qq.com/doc/DSGpLSHphVEVkWlhX">其他常见问题点此查看</a></p>
          </div>
        </div>
     </div>
  </div>
    <!-- 版权区域 -->
    <div class="act-footer">
      <p>本次活动最终解释权归属《中国学术期刊（光盘版）》电子杂志社有限公司</p>
      <p>© 1998-2022 中国知网（CNKI）</p>
    </div>

  </div>
</template>
<script>
import apiconfig from "../../api/apiConfig"
export default {
  computed:{
    nHref(){
      let newHref=apiconfig["YX_WEB"]+'/search/common/login?returnUrl='+apiconfig['returnCathedraURL']+'?appId='+apiconfig['appid'];
      return newHref;
    }
  }
}
</script>
<style>

*{
    margin:0;
    padding:0;
}
ul li{
    list-style-type: none;
}
body,html {
    font: 16px "Helvetica Neue", Arial, "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft YaHei", sans-serif;
    overflow-x:hidden;
    background: url("../../assets/cathedra/mobile/images/bg.png") no-repeat left top;
    background-size: cover;
}
.cathedra-box{
    border-radius: 0.2rem;
}
.cathedra-box-top .contain-main{
   border-radius: 0.2rem 0.2rem 0 0; 
   font-size:.28rem;
}
.cathedra-box-bottom .contain-main{
   border-radius: 0 0 0.2rem 0.2rem; 
}
.top{
  background: url("../../assets/cathedra/mobile/images/top.png") no-repeat left top;
  height: 5rem;
  width: 7.5rem;
  background-size: cover;
}
#cathedra{
  background: url("../../assets/cathedra/mobile/images/bg.png") no-repeat left top;
  background-size: cover;
}
.cathedra-container{
  width: 6.94rem;
  margin:0 auto;
}
.contain-main{
  background:#fff;
  margin-top:-0.3rem;
 
  padding-bottom: 64px;
}
.main-desc{
  padding:.71rem .46rem .42rem .48rem ;
  text-indent: 30px;
  text-align: center;
  line-height: .5rem;
  font-size:.28rem;
  font-weight: bolder;
  margin:0;
}
.main-desc-content{
 padding:0 .46rem .42rem .48rem ;
 line-height: .5rem;
}
.desc-high{
  color: #6709D8;
  font-weight: bolder;
}
.apply{
  width:6.1rem;
  margin:0 auto;
 
  overflow-x: hidden;
}
.apply ul{
  padding:36px 0 0 0;
  width:6.1rem;
}
.apply ul li{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom:.76rem;
}
.apply ul li:last-child{
  margin-bottom:15px
}
.apply-img{
    width:6.1rem;
    height: 0.8rem;
}
.sing-up{
    display: flex;
    flex-direction: column;
    align-items:center;
}
.sing-up img{
    width:2.34rem;
    height: 0.54rem;
}
.apply-items{
  background: url("../../assets/cathedra/mobile/images/time.png") no-repeat left top ;
  background-size: contain;
}
.apply-register{
  background: url("../../assets/cathedra/mobile/images/register-way.png") no-repeat left top ;
  background-size: contain;
}
.apply-live{
  background: url("../../assets/cathedra/mobile/images/live-time.png") no-repeat left top ;
  background-size: contain;
}
.apply-address{
  background: url("../../assets/cathedra/mobile/images/live.png") no-repeat left top ;
  background-size: contain;
}
.apply-desc{
  font-weight: bolder;
  font-size:.28rem;
  margin-left: 25px;
}
.means-box{
display: block;
/* margin-left:.25rem; */
font-size: .28rem;
display: flex;
flex-direction: column;
align-items: center;
}
.means{
  margin-bottom:.1rem;
}
.means-step{
  font-weight: bolder;
  font-size: .28rem;
  margin-bottom:0.24rem;
}
.means img{
  /* margin-left:28px; */
  vertical-align:middle;
  cursor: pointer;
}
.means .means-desc{
  font-size:12px;
  color:#999;
}
.erweima{
  display: flex;
  flex-direction:row;
  justify-content: space-around;
  padding:0!important;
 align-items: center;
 margin-top:0.5rem;
}
.erweima li{
  display: flex;
  flex-direction:column!important;
  margin-bottom: 0!important;
  padding: 0px;
}
.erweima li img{
    width:1.4rem;
    height: 1.4rem;
}
.erweima li .erweima-desc{
  padding-top:8px;
  font-size:.24rem;
  width: 1.8rem;
  text-align: center;
}
.course-box{
   width:956px ;
}
.course,.question{
  margin:0 auto;
}
.no-top{
  margin-top:0;
}
.course-container{
}
.course-title{
    text-indent: .3rem;
    margin-bottom: .9rem;
}

.course-title,.question-title{
  background: url("../../assets/cathedra/mobile/images/split.png") no-repeat left top;
  background-position: 2.1rem .18rem;
  font-size: .3rem;
  height: 24px;
  font-weight: bolder;
  color:#5406B2;
}
.question-title{
  text-indent: 0.6rem;
  background-position: 2.8rem 0.18rem;
  margin-bottom: .9rem;
}
.course img{margin-top:60px;}
.course-list{
    width:6.7rem;
    /* padding:50px 48px 18px 72px */
}
.course-list,.question-list{
 
  background:#fff;
  /* margin:62px auto 43px; */
}
.question-list{
  display: flex;
  justify-content: space-around;
  width:6.1rem;
  flex-wrap: wrap;
}
.course-list li{
  padding-bottom: 0.8rem;
  padding-left:.32rem;
}
.course-list .compere{
  font-size: .28rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #000000;
}
.course-list .title{
  font-size: .28rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #000000;
  text-indent: -.1rem;
}
.course-desc{
  padding-top:0.2rem;
  padding-bottom:0.22rem;
  display: flex;
  justify-content: space-between;
}
.other-desc{
  margin-left:70px;
}
.course-list .line{
  width:514px;
  height: 1px;
  display: inline-block;
  background: #6709D8;
  margin-left:13px;
  vertical-align: middle;
}
.course-item-desc{
  font-weight: 400;
  color: #000000;
  font-size: .28rem;
  margin-top:.24rem;
  line-height: .5rem;
}
.by-the-way{
  font-size: .28rem;
  font-weight: bolder;
  color: #6709D8;
  margin-left:.45rem;
  margin-top: 0.3rem;
  /* margin-left:246px; */
}
.by-the-way-desc{
  width: 6.1rem;
  font-size: .28rem;
  font-weight: 400;
  margin-top:19px;
  color: #000000;
  margin-left:.45rem;
  line-height: .5rem;
}
.question-list li{
  width: 6.54rem;
  height: 2.8rem;
  background: #FFFFFF;
  box-shadow: 0px 2px 15px 1px rgba(94, 94, 94, 0.2);
  border-radius: .3rem;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin-bottom: .3rem;
  margin-left:.8rem;
  font-size:.24rem;
}
.question-img{
  margin-left:.8rem;
  margin-right:17px;
}
.question-img img{
    width:.96rem;
    height: .96rem;
}
.question-headline{
  margin-top:19px;
}
.question-desc{
  margin-top:5px;
  width: 4.9rem;
  font-size: .24rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #000000;
  line-height: .4rem;
  /* line-height: 20px;
  height: 54px; */
  padding-right:30px;
  margin-bottom:11px;
}
.btn-href{
  width: 57px;
  height: 15px;
  font-size:.28rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  text-decoration: underline;
  color: #3E7EFF;
  cursor: pointer;
}

.other-question{
    display: flex;
    height: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    text-decoration: underline;
    flex-direction: column;
    color: #3E7EFF;
    cursor: pointer;
    align-items: center;
    font-size: .28rem;
    margin-top:.4rem;
}
.means-title{
    font-weight: bolder;
}
.live-address{
  color:#3E7EFF;
  text-decoration: underline;
  cursor: pointer;
}
.act-footer{
    color:#FFFFFF;
    font-size: .2rem;
    width: 6.6rem;
    text-align: center;
    margin:0 auto;
    padding-top:.7rem;
    padding-bottom: .74rem;
}
</style>
  

